<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:pm="http://primefaces.org/mobile"
    xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
    xmlns:pt="http://xmlns.jcp.org/jsf/passthrough" >
     
    <f:view renderKitId="PRIMEFACES_MOBILE" />
     
    <h:head>
 
    </h:head>
     
    <h:body>         
        <pm:page id="home">            
            <pm:content>
                <p:panelGrid columns="2" styleClass="ui-responsive">
                    <h:graphicImage value="#{aplicationBean.p.pathLogo}"  alt="Ventasimple"  />
                    <p align="center" >
                        El Portal de Clasificados de Reconquista, Avellaneda y zona..comprar y vender nunca fue tan simple!.
                    </p>
                </p:panelGrid>
                
            </pm:content>            
            
            <h:form>
                <p:tabMenu>
                    <p:menuitem value="Home"     icon="ui-icon-home" outcome="pm:home"     iconPos="top"/>
                    <p:menuitem value="Publicar" icon="ui-icon-gear" outcome="pm:publicar" iconPos="top"/>
                    <p:menuitem value="Ingresar" icon="ui-icon-user" outcome="pm:ingresar" iconPos="top"/>
                </p:tabMenu>
            </h:form>
            
            <!--
            <p:toolbar>
                <f:facet name="left">
                    <h:outputLink id="lnkHome" value="/ventasimple/home" >
                        <h:graphicImage value="#{aplicationBean.p.pathLogo}"  alt="Logo" 
                                        height="30"/>
                    </h:outputLink>
                </f:facet>

                <f:facet name="right">                    
                    <p:commandButton type="button" value="Ingresar" icon="ui-icon-plus" />
                    <p:commandButton type="button" value="Publicar" icon="ui-icon-bullets"/>                    
                </f:facet>
                
            </p:toolbar>
            -->
            
            <pm:content>
                <!--
                <p:commandButton id="btn-1" value="Vehiculos" type="button"/>
                <p:commandButton id="btn-2" value="Inmuebles" type="button"/>
                <p:commandButton id="btn-3" value="Varios" type="button"/>
                <p:commandButton id="btn-4" value="Otros" type="button"/>
                -->

                <!--<ui:include src="../publicaciones/m_rubros.xhtml" />-->  
                
                <p:inputText id="search" placeholder="Ingresar busqueda" type="search"/>
                
            </pm:content>
            
            <pm:content>
                <ui:include src="../publicaciones/m_ultimasPublicaciones.xhtml"  />
            </pm:content>
            
        </pm:page>
        
        <pm:page id="publicacion">
            
        </pm:page>
        
        <pm:page id="publicar">
            <pm:header title="Publicar"></pm:header>
            <p:button outcome="pm:home" value="Volver" />            
        </pm:page>
        
        <pm:page id="ingresar">
            <pm:header title="Ingresar"></pm:header>
            <h:form>
                <pm:content>
                    <pm:field>
                        <p:outputLabel for="tUsuario" value="Usuario:" />
                        <p:inputText id="tUsuario" />
                    </pm:field>

                    <pm:field>
                        <p:outputLabel for="tClave" value="Clave:" />
                        <p:password id="tClave" />
                    </pm:field>
                </pm:content>
                
                <p:button value="Login" />
                <p:button outcome="pm:home" value="Volver" icon="ui-icon-back" />
            </h:form>            
        </pm:page>
    </h:body>
     
</html>
